// pages/classify/classify.js
Page({
  data: {
    categories: [
      { id: 1, name: '文创产品' },
      { id: 2, name: '饮料' },
      { id: 3, name: '特色美食' },
      { id: 4, name: '其他' }
    ],
    goods: [],
    selectedId: 1 // 默认选中第一个分类
  },
//   nick :function(e) {
//     const id=e.currentTarget.dataset.id;
    
// },
  onLoad: function() {
    this.loadGoods(this.data.selectedId);
    console.log('in onload', this);
    let in_req_this = this;
    wx.request({
      url: 'http://8.138.155.196:3000/users/api/products', // 你的API端点
      method: 'GET',
      data: {
        type: this.data.selectedId
        // categoryId: categoryId // 传递参数到服务器
      },
      success: function(res) {
        // 请求成功的处理逻辑
        if (res.statusCode === 200) {
          // 假设服务器返回的数据格式和你的goodsData结构一致
          console.log(res.data.data);
          // this.setData({
          //   goods: res.data || [] // 使用服务器返回的数据更新页面数据
          // });
          console.log('in wx.request', this);

          in_req_this.setData({
            goods: res.data.data || [] // 使用服务器返回的数据更新页面数据
          });
        } else {
          // 处理错误情况
          console.error('API请求失败:', res.statusCode, res.errMsg);
        }
      },
      fail: function(err) {
        // 请求失败的处理逻辑
        console.error('请求失败:', err);
      }
    });
  },
  selectCategory: function(e) {
    const id = e.currentTarget.dataset.id;
    this.setData({
      selectedId: id
    });
    this.loadGoods(id);
  },
  loadGoods: function(categoryId) {
    var that = this; // 在微信小程序中，经常使用that来引用Page对象
    let in_req_this = this;
    wx.request({
      url: 'http://8.138.155.196:3000/users/api/products', // 你的API端点
      method: 'GET',
      data: {
        type: this.data.selectedId
        // categoryId: categoryId // 传递参数到服务器
      },
      success: function(res) {
        // 请求成功的处理逻辑
        if (res.statusCode === 200) {
          // 假设服务器返回的数据格式和你的goodsData结构一致
          console.log(res.data.data);
          // this.setData({
          //   goods: res.data || [] // 使用服务器返回的数据更新页面数据
          // });
          console.log('in wx.request', this);

          in_req_this.setData({
            goods: res.data.data || [] // 使用服务器返回的数据更新页面数据
          });
        } else {
          // 处理错误情况
          console.error('API请求失败:', res.statusCode, res.errMsg);
        }
      },
      fail: function(err) {
        // 请求失败的处理逻辑
        console.error('请求失败:', err);
      }
    });
  // wx.request({
  //   url: 'http://8.138.155.196/users/api/products', // 你的API端点
  //   method: 'GET',
  //   data: {
  //     type: this.categories[categoryId-1].name
  //     // categoryId: categoryId // 传递参数到服务器
  //   },
  //   success: function(res) {
  //     // 请求成功的处理逻辑
  //     if (res.statusCode === 200) {
  //       // 假设服务器返回的数据格式和你的goodsData结构一致
  //       that.setData({
  //         goods: res.data || [] // 使用服务器返回的数据更新页面数据
  //       });
  //     } else {
  //       // 处理错误情况
  //       console.error('API请求失败:', res.statusCode, res.errMsg);
  //     }
  //   },
  //   fail: function(err) {
  //     // 请求失败的处理逻辑
  //     console.error('请求失败:', err);
  //   }
  // });
    // 这里应该是一个API请求，以下代码仅为示例
    // const goodsData = {
    //   1: [
    //     { id: '0', name: '文创', price: '100', image: 'https://tse4-mm.cn.bing.net/th/id/OIP-C.KGb_tahGgfy4Jx5dQ1UwGAHaLH?rs=1&pid=ImgDetMain' },
    //   ],
    //   2: [
    //     { id: '1', name: '饮料', price: '100',image: 'https://img95.699pic.com/element/40193/3278.png_860.png' },
        
    //   ],
    //   3: [
    //     { id: '2', name: '美食', price: '100',image: 'https://img.zcool.cn/community/0105ec5b5ac3cba801206a35cf08a8.jpg@1280w_1l_2o_100sh.jpg' },
        
    //   ],
    //   4: [
    //     { id: '3', name: '其他',price: '100', image: 'https://img95.699pic.com/element/40036/7863.png_860.png' },
        
    //   ]
    // };
    // this.setData({
    //   goods: goodsData ? goodsData[categoryId] : []
    // });
  },
  goToGoodsDetail: function(e) {
    
    const goodsId = e.currentTarget.dataset.id;
    console.log(goodsId,'商品');
    let url = `/packageA/pages/detail/detail?goodsId=${goodsId}`;
    // 跳转到商品详情页，这里的 'goods-detail' 应替换为实际页面路径
    wx.navigateTo({
      url: url
    });
  },
  // 其他逻辑...

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  }
})